/* 重置样式表开始 */

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
p,
blockquote,
q,
a,
abbr,
address,
em,
img,
strong,
ol,
ul,
li,
form,
input,
label,
textarea,
footer,
header,
nav { box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; border: none; }

a,
img { border-image-width: 0; }

footer,
nav,
header { display: block; }

html { font-size: 62.5%; }

body { font-family: Helvetica,; line-height: 1; }

html,
body { width: 100%; height: 100%; }

a { text-decoration: none; }

input,
select,
textarea { outline: none; }

textarea { resize: none; }

img { max-width: 100%; }

input[type=submit],
label,
select,
a { cursor: pointer; }

ol,
ul { list-style: none; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

.fix:after { display: table; clear: both; content: ''; }

table { border-spacing: 0; border-collapse: collapse; }
/* 重置样式表结束 */
/* 公共样式开始 */

.fixNav { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background: #fff; }

.nav li { float: left; width: 50%; height: 42px; text-align: center; border: 1px solid #e5e5e5; border-right: none; }

.nav li:first-child { border-left: none; }

.nav li.active { border-bottom: 2px solid #6ea546; }

.nav li .title { font: normal 1.4rem/42px Helvetica; color: #333; }

.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

    -webkit-filter: blur(20px); /* Chrome, Opera */

    -moz-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); }


.focus { position: relative; overflow: hidden; width: 100%; }

.focus .focusUl li { float: left; width: 100%; }

.focus .focusUl a { display: block; width: 100%; }

.focus .focusUl img { width: 100%; }

.focus .focusOl { position: absolute; z-index: 2; bottom: 6px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.focus .focusOl li { float: left; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; background: #94a1b8; }

.focus .focusOl li.active { background: #fff; }

.imgList { padding: 0 8px; }

.imgList .listLi { position: relative;   margin-bottom: 8px; }

.imgList .listLi .lista { position: absolute; z-index: 2; display: block; width: 100%; }

.imgList .listLi .libg { position: absolute; z-index: 3; width: 100%; background: url(../img/transparent_bg.png); border-radius: 4px; }

.imgList .listLi img { width: 100%; border-radius: 4px; }

.imgList .listLi .like { font: normal 1.2rem/25px 'Helvetica'; position: absolute; z-index: 4; top: 5px; right: 6px; width: 53px; height: 25px; padding-left: 18px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; color: #fff; border-radius: 10px; }

.imgList .listLi .black { opacity: 0.8; background: #000 url(../img/black_heart.png) no-repeat 7px 5px; background-size: 15px 15px; }

.imgList .listLi .red { opacity: 0.8; background: #000 url(../img/red_heart.png) no-repeat 7px 5px; background-size: 15px 15px; }

.imgList .listLi .shuoming { letter-spacing: 1px; font-size: 1.8rem; position: absolute; z-index: 6; bottom: 14px; left: 16px; overflow: hidden; width: 90%; white-space: nowrap; text-overflow: ellipsis; color: #fff; }

.imgList .listLi .box { font-weight: normal; position: absolute; z-index: 4; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #fff;   }

.imgList .listLi .title { font-size: 2.2rem; padding-bottom: 10px; background: url(../img/toplic_line.png) center bottom no-repeat; max-width: 200px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  }

.imgList .listLi .miaoshu { font-size: 1.5rem; margin-top: 11px; max-width: 200px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
/* 公共样式结束 */
/* 个人中心开始 */

.percen-header { position: relative; z-index: 3; padding: 16px 0; text-align: center; background: #767482; }
/** 个人中心背景图 **/

.percen-header .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; }

.percen-header .bg img { width: 100%; }

.percen-header .touxiang { height: 66px; }

.percen-header .touxiang img { width: 66px; height: 66px; border-radius: 50%; }

.percen-header .name { font-size: 1.6rem; font-weight: normal; position: absolute; bottom: 16px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #fff; }

.percen-header .span-icon { font-size: 2rem; position: absolute; top: 57px; right: 12px; color: #fff; }

.percen-news { height: 42px; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background: url(../img/ucenter_tishi.png) 13px center no-repeat; background-size: 15px 15px; }

.percen-news .news { font: normal 1.4rem/38px 'Helvetica'; margin-left: 32px; color: #080808; }

.percen-line { height: 10px; background: #ebeff2; }

.percen-base ul { padding-left: 7px; }

.percen-base .baseLi { border-bottom: 2px solid #e5e5e5; }

.percen-base .baseLi a { display: table; width: 100%; padding: 10px 0; color: #000; }

.percen-base .baseLi .img { display: table-cell; width: 73px; height: 45px; padding: 0 10px 0 6px; }

.percen-base .baseLi .img img { width: 57px; height: 45px; border-radius: 4px; }

.percen-base .baseLi .xiaoxi { letter-spacing: 1px; font: normal 1.4rem/20px 'Helvetica'; display: table-cell; padding: 4px 25px 0 0; vertical-align: top; color: #333; }

.percen-base .unlogin-content { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.percen-base .wamp { position: relative; width: 100%; }

.percen-base .xin img { width: 48px; height: 48px; }

.percen-base .shuoming { font-size: 14px; margin-top: 10px; color: #676767; }

.percen-juzhong { position: fixed; top: 0; left: 0; }

.alert-bg { position: fixed; z-index: 9;  width: 100%; height: 100%; top: 0; left: 0; display: none; opacity: .5; background: #000; }

.alert { position: fixed; z-index: 99; top: 50%; left: 0; display: none; width: 100%; padding: 0 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.alert .line { font: normal 1.7rem/48px Helvetica; padding-left: 10px; border-bottom: 1px solid #ccc; background-color: #fff; color: #000; }
/* 个人中心结束 */
/* 分类组开始 */

.sort-wrap { position: relative; overflow: hidden; width: 100%; height: 154px; }

.sort-wrap .title { font: normal 1.7rem/56px 'Helvetica'; position: absolute; top: 0; left: 13px; color: #333; }

.sort-wrap .bg { position: absolute; top: 153px; left: 13px; width: 100%; height: 1px; background: #e0e0e0; }

.sort-group { position: absolute; top: 56px; height: 97px; margin-left: 13px; }

.sort-group .list { float: left; height: 97px; padding-right: 22px; }

.sort-zuixin .list:last-child { padding-right: 0; }

.sort-group .list img { height: 58px;   }

.sort-group .list a { display: block; text-align: center; width: 58px; }

.sort-group .list .shuoming { font-size: 14px; display: block; margin-top: 13px; color: #333; }

.sort-wrap .sort-zuixin { top: 50px; height: 80px; }
.sort-wrap .sort-zuixin a { display: block; text-align: center; }

.sort-wrap .sort-zuixin .list { position: relative; height: 80px; }

.sort-wrap .sort-zuixin .list .bg { position: absolute; z-index: 3; top: 0; left: 0; width: 163px; height: 80px; border-radius: 5px; background: rgba(0, 0, 0, .3); }

.sort-wrap .sort-zuixin a { position: relative; height: 80px; width: 163px; text-align: center; }

.sort-wrap .sort-zuixin a .miaoshu { font: bold normal 28px/80px 'Helvetica'; position: absolute; z-index: 4; top: 50%; left: 50%; width: 100%; height: 80px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; }

.sort-wrap .sort-zuixin img { width: 163px; height: 80px; padding: 0; border-radius: 5px; }

.sort-wrap .line { height: 50px; }

.sort-wrap .line .title { float: left; height: 50px; }

.sort-wrap .line .all { float: right; margin: 16px 16px 0 0;}

.sort-wrap .line .all a { font: normal 14px 'Helvetica'; color: #626262;  background: url(../img/sort_right_icon.png) right 2px no-repeat; background-size: 8px 12px; padding-right: 12px;  }
/* 分类组结束 */
/* 分类二级开始 */

.sort-erji { padding: 12px 0; border-bottom: none; }

.sort-erji .span-icon { position: absolute; top: 26px; right: 0; }
/* 分类二级结束 */
/* 攻略详情开始 */

.gongl-xq-header { width: 100%; }

.gongl-xq-header img { width: 100%; }

.gongl-xq-section { margin: 0 15px; }

.gongl-xq-section .shuoming { letter-spacing: 1px; font: normal 1.4rem/20px Helvetica; margin: 17px 0; color: #616161; }

.gongl-xq-section .title { font: normal 1.7rem Helvetica; color: #000; }

.gongl-xq-section .secList { display: block; width: 100%; }

.gongl-xq-section .secList img { display: block; width: 100%; }

.gongl-xq-section .moneyList { line-height: 50px; height: 50px; }

.gongl-xq-section .moneyList .money { font-size: 14px; display: inline-block; margin-right: 17px; }

.gongl-xq-section .moneyList .xq { line-height: 27px; display: inline-block; width: 111px; height: 30px; text-align: center; border: 1px solid #e95042; border-radius: 25px; }

.gongl-xq-section .moneyList .xq a { font-size: 14px; color: #f84e4e; }

.gongl-xq-line { height: 10px; border-top: 1px solid #e5e5e5; background: #f5f5f5; }

.gongl-xq-pinglun .list { position: relative; display: table; width: 100%; padding-top: 15px; }

.gongl-xq-pinglun .list .left { display: table-cell; width: 55px; vertical-align: top; }

.gongl-xq-pinglun .list .left img { width: 40px; height: 40px; border-radius: 50%; }

.gongl-xq-pinglun .list .middle { display: table-cell; vertical-align: top; border-bottom: 1px solid #e0e0e0; }

.gongl-xq-pinglun .list .middle .xinxi { float: left; }

.gongl-xq-pinglun .list .middle .xinxi .title { height: 17px; font: normal 1.4rem/17px 'Helvetica'; color: #000; }

.gongl-xq-pinglun .list .middle .xinxi .shuoming { font: normal 1.5rem/20px 'Helvetica'; margin: 7px 20px 14px 0; color: #666; }

.gongl-xq-pinglun .list .date { font-size: 12px; position: absolute; top: 20px; right: 14px; color: #8b8b8b; }

.pinglun-binaji-icon { position: fixed; z-index: 4; right: 12px; bottom: 100px; width: 25px; height: 25px; background: url(/resource/skin/img/pinglun_icon.png) no-repeat; background-size: 25px 25px; }
/* 攻略详情结束 */
/* 消息页开始 */

.userMsg .list { position: relative; display: table; width: 100%; padding-top: 10px; }

.userMsg .list .left { display: table-cell; width: 44px; padding-right: 10px; }

.userMsg .list .left img { width: 34px; height: 34px; border-radius: 50%; }

.userMsg .list .right { display: table-cell; padding-bottom: 13px; vertical-align: top; border-bottom: 1px solid #e0e0e0; }

.userMsg .list .right .title { font: normal 14px/22px 'Helvetica'; color: #888; }

.userMsg .list .right .title span { margin-right: 6px; color: #333; }

.userMsg .list .right .date { font: normal 12px/26px 'Helvetica'; color: #8b8b8b; }

.userMsg .list .right .content { font: normal 16px 'Helvetica'; color: #666; }

.userMsg .tupian { position: absolute; top: 15px; right: 10px; width: 78px; height: 56px; border-radius: 4px; }
/* 消息页结束 */
/* 商品详情页开始 */

.goods-xq-section .title { font: normal 1.7rem/47px 'Helvetica'; overflow: hidden; width: 90%; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; color: #000; }

.goods-xq-section .moneyList { font: normal 1.6rem 'Helvetica'; margin: 7px 15px 0 15px; color: #f84e4e; }

.goods-xq-section .shuoming { letter-spacing: 1px; font: normal 1.4rem/20px Helvetica; color: #616161; margin: 16px 15px 12px 15px; }

.goods-xq-fix { position: fixed; z-index: 9; bottom: 0; left: 0; width: 100%; height: 46px; text-align: center; border: 1px solid #e5e5e5; background: #fff; }

.goods-xq-fix .goodsLike { float: left; width: 127px; height: 32px; margin: 5px 28px 0 22px; color: #e85040; border: 1px solid #e85040; border-radius: 20px; background: url(/resource/skin/img/goods_like.png) no-repeat 38px center ; background-size: 17px 15px; padding-left: 23px; }
.goods-xq-fix .goodsLiked { float: left; width: 127px; height: 32px; margin: 5px 28px 0 22px; color: #e85040; border: 1px solid #e85040; border-radius: 20px; background: url(/resource/skin/img/remen_like_red.png) no-repeat 38px center ; background-size: 17px 15px; padding-left: 23px; }

.goods-xq-fix .shop { float: left; width: 159px; height: 32px; margin-top: 5px; margin-right: 22px; color: #777; color: #fff; border-radius: 20px; background: #e85040; }

.goods-xq-fix span { font-size: 1.4rem; line-height: 32px; }
/* 商品详情页结束 */
/* 首页开始 */

.nav-wamp { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 42px; background: #fff; }

.index-nav { padding: 10px 0 0 0; border-bottom: none; }

.index-nav .list { float: left; width: 25%; }

.index-nav .list a { display: block; width: 100%; height: 60px; text-align: center; }

.index-nav .list .shuoming { font: normal 1.1rem/24px 'Helvetica'; display: block; }

.index-nav .list img { width: 36px; height: 36px; }

.index-nav .list:nth-child(1) img { border-radius: 50%; background: #74cce4; }

.index-nav .list:nth-child(2) img { border-radius: 50%; background: #f8ac4a; }

.index-nav .list:nth-child(3) img { border-radius: 50%; background: #9edf6e; }

.index-nav .list:nth-child(4) img { border-radius: 50%; background: #f85e4a; }

.index-nav .list:nth-child(1) span { color: #74cce4; }

.index-nav .list:nth-child(2) span { color: #f8ac4a; }

.index-nav .list:nth-child(3) span { color: #9edf6e; }

.index-nav .list:nth-child(4) span { color: #f85e4a; }

.index-menu { position: fixed; z-index: 4; top: 42px; left: 0; width: 100%; overflow: hidden; height: 36px; border-bottom: 1px solid #e4e3e3; background: #f0eeee; }

.index-menu .menuUl { height: 36px; margin-left: 20px; }

.index-menu .menuUl .menuList { float: left; height: 36px; padding-right: 30px; }

.index-menu .menuUl .active { color: #fe3232; }

.index-menu .menuUl .menuList { font: normal 14px/36px 'Helvetica'; color: #333; }

.index-menu i { position: absolute; z-index: 3; top: 0; right: 0; width: 36px; height: 36px; }

.index-menu .menuIconDown { background: url(../img/menu_top_icon.png) center center no-repeat; background-size: 12px 7px; }

.index-menu .menuIconTop { background: url(../img/menu_down_icon.png) center center no-repeat; background-size: 12px 7px; }

.menuDown { position: fixed; top: 78px; left: 0; z-index: 3; width: 100%; height: 100%; background: #fafafa; }

.menuDown .mDList { float: left; width: 25%; margin-top: 17px; }

.menuDown .mDList .active { color: #fe3232; }

.menuDown .mDList span { font: normal 14px/29px 'Helvetica'; display: block; width: 66px; height: 29px; margin: 0 auto; text-align: center; border: 1px solid #cdcdcd; border-radius: 4px; }

.remenList { width: 100%; padding: 0 7px; }

.remenList .listLi { float: left; overflow: hidden; width: 49%; height: 236px; margin-right: 2%; margin-bottom: 10px; border: 1px solid #e0e0e0; border-radius: 4px; background: #fff; }

.remenList .listLi img { width: 100%; height: 160px; border-radius: 4px 4px 0 0; }

.remenList .listLi a { display: block; }

.remenList .listLi:nth-child(2n) { margin-right: 0; }

.remenList .listLi .title { font-size: 14px; overflow: hidden; width: 90%; margin: 8px 0 0 6px; white-space: nowrap; text-overflow: ellipsis; color: #000; }

.remenList .listLi .xinxi { font-size: 1.2rem; margin: 28px 12px 5px 5px; }

.remenList .listLi .xinxi .rmb { font-size: 14px; float: left; color: #e85040; }

.remenList .listLi .xinxi .blackxin { float: right; padding-left: 15px; color: #7b7b7b; background: url(../img/remen_like_black.png) 0 2px no-repeat; background-size: 10px 8px; }

.remenList .listLi .xinxi .hongxin { float: right; padding-left: 15px; color: #7b7b7b; background: url(../img/remen_like_red.png) 0 2px no-repeat; background-size: 10px 8px; }
/* 首页结束 */
/* 登录页面开始 */

.login-header { padding-top: 36px; text-align: center; }

.login-header .touxiang { width: 114px; height: 114px; margin: 0 auto; }

.login-header .title { font-size: 1.4rem; font-weight: normal; margin: 28px 53px 45px 53px; }

.login-content { width: 100%; padding: 0 53px; text-align: center; }

.login-content p { font: normal 1.6rem/45px 'Helvetica'; height: 45px; margin-bottom: 25px; color: #fff; border-radius: 10px; }

.login-content p span { display: inline-block; height: 45px; }

.login-content p:nth-child(1) span { padding-left: 44px; background: url(../img/login_weixin.png) 0 7px no-repeat; background-size: 36px 30px; }

.login-content p:nth-child(2) span { padding-left: 44px; background: url(../img/login_sina.png) 0 10px no-repeat; background-size: 32px 26px; }

.login-content p:nth-child(3) span { padding-left: 44px; background: url(../img/login_tengxun.png) 0 5px no-repeat; background-size: 31px 34px; }

.login-content .sina { background: #fe5655; }

.login-content .qq { background: #43abea; }

.login-content .weixin { background: #4ddb55; }
/* 登录页面结束 */
/* 商品发送评论开始 */

.cmtForm { position: fixed; bottom: 46px; width: 100%; height: 47px; padding: 4px 0 4px 14px; border-top: 1px solid #e5e5e5; background: #f3f3f3; }

.cmtForm .oForm { font: 1.4rem/28px 'Helvetica'; overflow: hidden; width: 260px; height: 34px; padding-left: 5px; color: #000; border: 1px solid #c9c9c9; border-radius: 5px; }

.cmtForm .oForm .message { width: 100%; height: 31px; background: #f3f3f3; }

.cmtForm .oForm .submit { font-size: 1.4rem; position: absolute; top: 13px; right: 15px; color: #8e8e8e; background: #f3f3f3; }
.cmtForm .prompt { font-size: 1.4rem; color: #a0a0a0; line-height: 38px; }

/* 商品发送评论结束 */

/* 搜索页面开始 */

.search_gonglue { text-align: center;  position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.search_gonglue .prompt { margin-top: 24px; font-size: 1.4rem; color: #a0a0a0; }

.search_goods { text-align: center;  position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.search_goods .prompt { margin-top: 24px; font-size: 1.4rem; color: #a0a0a0; }

/* 搜索页面结束 */


